.EventList {
  width: 100%;
  height: 100%;
  background: white;

  .EventItem {
    font-family: "Fira Code Regular", monospaced;
    width: 100%;
    cursor: pointer;
    margin: 0;
    background: var(--app-card-default-background);
    padding: 28px 18px;
    word-wrap: break-word;
    transition: all 0.3s;
    border-bottom: 1px solid #aaa;

    .name {
      margin-bottom: 1rem;

      > .label {
        font-size: 1.125rem;
      }
    }

    .data {
      // display: flex;
      // justify-content: space-between;
      display: grid;
      grid-template-columns: 1fr 1fr 120px 240px;
    }

    .blockTime {
      margin-left: auto;
    }

    .label {
      font-size: 0.75rem;
      font-family: "RobotoCondensed-Regular";
      font-weight: 800;
      color: var(--app-card-label);
      margin-bottom: 0.25rem;
    }

    .value {
      font-size: 0.875rem;
      font-family: "Fira Code Regular";
      color: var(--app-card-value);
      word-break: break-all;
    }
  }
}
